<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>盒子模型</title>
		<style type="text/css">
			/*
			border 边框
			border:border-width||border-style||border-color
			边框样式(border-style):
			none: 没有边框,默认
			solid: 边框为单实线
			dashed: 边框为虚线
			dotted: 边框为点线
			double: 双实线
			*/
			div{
				width: 100px;
				height: 100px;
				border: 2px dotted #0000FF;
				/*盒子居中*/
				margin: 10px auto;
			}
			/*
			对四周的边框的修改,其他与此类似
			例如上: 
			border-top: width style color;
			*/
			section{
				border-top: 1px double red;
			}
		</style>
	</head>
	<body>
		<div>我是一个盒子</div>
		<section>这是一个se</section>
	</body>
</html>
